Sep 27, 2021 , with read , about 4min.

Vue深入组件 - 控制更新

#Vue

[toc]

1. 强制更新

Vue 允许你强制更新：

vm.$forceUpdate()copy success

2. 阻止更新 - 通过`v-once` 创建低开销的静态组件

有时候你的组件中包含了大量不需要实时更新的静态内容。

这种情况下，你可以在根元素上加上一个v-once 属性，以确保这些内容仅被计算一次之后，被缓存起来。具体就像这样：

Vue.component('terms-of-service', {
  template: `
    <div v-once>
      <h1>Terms of Service</h1>
      ... a lot of static content ...
    </div>
  `
})copy success

⚠️ 特别注意，一般情况下是用不到这个模式的。

频繁不加慎重考虑的频繁使用，可能会导致期望的更新不能生效。进而带来诸多不必要的困惑。